﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Wei8808Cms.WebSite.Index" %>

<%@ Import Namespace="System.Data" %>
<%@ Register Src="UserControl/Nav.ascx" TagName="Nav" TagPrefix="uc1" %>
<%@ Register Src="UserControl/Footer.ascx" TagName="Footer" TagPrefix="uc2" %>
<%@ Register Src="UserControl/Header.ascx" TagName="Header" TagPrefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>
        <%=webset.WebName%></title>
    <%=AddMetaInfo(webset.WebKeywords,webset.WebDescription,"") %>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/media-queries.css" />
    <link rel="stylesheet" href="css/prettyPhoto.css" />
    <link rel="stylesheet" href="css/styles.zuperSlider.css" />
    <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css"><![endif]-->
    <script src="js/libs/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript" src="js/libs/modernizr-2.0.6.min.js"></script>
    <script type="text/javascript" language="javascript" src="js/script.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-5.5.0-packed.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.responsinav.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.zuperSlider.min.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.tweet.js"></script>
</head>
<body id="top" class="homepage">
    <form id="form1" runat="server">
    <uc3:Header ID="Header1" runat="server" />
    <header id="main">
<uc1:Nav ID="Nav1" runat="server" />
<div class="clearfix"></div>
<div class="zuperWrap">
<div class="zuperSlider">
<ul>
    <%
        if (AdbannerList != null && AdbannerList.Rows.Count > 0)
        {
            foreach (DataRow dr in AdbannerList.Rows)
            {
                %>
                    <li>
                        <a href="<%=dr["LinkUrl"]%>"><img src="<%=dr["ImgUrl"]%>"  alt = "<%=dr["Title"]%>" class="zuper" /></a>
                        <div class="caption captionH1Slide1" data-Effects="fade top" data-Offset="30" data-Delay="200" data-Speed="normal"><%=dr["TopRemark"]%></div> 
                        <div class="caption captionH2Slide1" data-Effects="fade bottom" data-Offset="30" data-Delay="400" data-Speed="normal"><%=dr["BottomRemark"]%></div> 
                    </li>
                <%
            }
        }   
        
    %>
</ul>
</div>
</div>
<div class="clearfix"></div>
<div class="motto-area">
	<h1>小微信也有大商城！</h1>
</div>

</header>
    <!--! end of header -->
    <div class="clearfix">
    </div>
    <div class="container">
        <div class="about-area">
            <div class="about-area-line">
                <div class="two_third">
                    <header class="main-title">
                        <h3><a alt="<%=NewInfo1.NewTitle %>" title="<%=NewInfo1.NewTitle %>" href="/NewDetail.aspx?id=<%=NewInfo1.NewId %>"><%=NewInfo1.NewTitle %></a></h3><a class="area-more" href="/News.aspx?id=<%=NewInfo1.NewTypeId %>">更多>> </a>
                    </header>
                    <p>
                        <%=NewInfo1.NewContent %></p>
                </div>
                <div class="one_third last">
                    <header class="main-title">
        <h3><a alt="<%=NewInfo2.NewTitle %>" title="<%=NewInfo2.NewTitle %>" href="/NewDetail.aspx?id=<%=NewInfo2.NewId %>"><%=NewInfo2.NewTitle %></a></h3>
        <a alt="更多" title="更多" href="/News.aspx?id=<%=NewInfo2.NewTypeId %>" class="area-more">更多>></a>
    </header>
                    <p>
                        <%=NewInfo2.NewContent %></p>
                </div>
            </div>
        </div>
        <div class="clearfix">
        </div>
        <div class="services-area">
            <header class="main-title">
            <h3>产品核心功能</h3>
            <a alt="更多" title="更多" class="area-more" href="/Product.aspx">更多>></a>
            </header>
            <div class="clearfix">
            </div>
            <%
                int idx = 1;
                if (ProductList != null && ProductList.Rows.Count > 0)
                {
                    foreach (DataRow dr in ProductList.Rows)
                    {
            %>
            <a alt="<%=dr["ProductName"]%>" title="<%=dr["ProductName"]%>" href="/Product.aspx?id=<%=dr["PId"]%>">
                <div class="one_third <%
                        if (idx%3 == 0)
                        {%>last<%
                        }%>">
                    <figure>
    	                                        <img src="<%=dr["ProductIcon"]%>" alt="<%=dr["ProductName"]%>" title="<%=dr["ProductName"]%>">
                                            </figure>
                    <div class="services-box">
                        <p>
                            <strong title="<%=dr["ProductName"]%>">
                                <%=dr["ProductName"]%></strong></p>
                        <em>
                            <%=dr["ProductTitle"]%></em>
                    </div>
                </div>
            </a>
            <%

                        if (idx % 3 == 0)
                        {
            %>
            <div class="clearfix">
            </div>
            <%
                        }
                        idx++;
                    }
                }
            %>
        </div>
        <div class="clearfix">
        </div>
        <div class="portfolio-area">
            <header class="main-title">
                <h3>案例展示</h3>
                <a alt="更多" title="更多" class="area-more" href="Case.aspx">更多>> </a>
            </header>
            <div class="clearfix">
            </div>
            <div class="list_carousel">
                <div class="caroufredsel_wrapper" style="display: block; text-align: left; float: none;
                    position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto;
                    width: 960px; height: 280px; margin: 0px; overflow: hidden;">
                    <ul id="foo2" style="text-align: left; float: none; position: absolute; top: 0px;
                        right: auto; bottom: auto; left: -5.82632639936291px; margin: 0px; width: 1200px;
                        height: 280px; z-index: auto;">
                        <li><a href="javascript:void(0);">
                            <img src="img/portfolio-3col-img-2.jpg" alt="case2.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case3.jpg?v=2014-03-07-1" alt="case3.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case4.jpg?v=2014-03-07-1" alt="case4.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case5.jpg?v=2014-03-07-1" alt="case5.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case6.jpg?v=2014-03-07-1" alt="case6.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case7.jpg?v=2014-03-07-1" alt="case7.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case8.jpg?v=2014-03-07-1" alt="case8.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case9.jpg?v=2014-03-07-1" alt="case9.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case10.jpg?v=2014-03-07-1" alt="case10.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case11.jpg?v=2014-03-07-1" alt="case11.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case12.jpg?v=2014-03-07-1" alt="case12.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case13.jpg?v=2014-03-07-1" alt="case13.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case14.jpg?v=2014-03-07-1" alt="case14.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case15.jpg?v=2014-03-07-1" alt="case15.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case16.jpg?v=2014-03-07-1" alt="case16.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case17.jpg?v=2014-03-07-1" alt="case17.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case18.jpg?v=2014-03-07-1" alt="case18.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case19.jpg?v=2014-03-07-1" alt="case19.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case20.jpg?v=2014-03-07-1" alt="case20.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case21.jpg?v=2014-03-07-1" alt="case21.jpg">
                        </a></li>
                        <li><a href="javascript:void(0);">
                            <img src="http://stc.weimob.com/img/www/index1/case1.jpg?v=2014-03-07-1" alt="case1.jpg">
                        </a></li>
                    </ul>
                </div>
                <div class="clearfix">
                </div>
                <a id="prev2" class="caseprev" href="#" style="display: block;"></a><a id="next2"
                    class="casenext" href="#" style="display: block;"></a>
                <script type="text/javascript">
                    $(document).ready(function () {
                        $('#foo2').carouFredSel({
                            //auto: true,
                            prev: '#prev2',
                            next: '#next2',
                            pagination: "#pager2",
                            mousewheel: true,
                            swipe: {
                                onMouse: true,
                                onTouch: true
                            }
                        });
                    });
                </script>
            </div>
        </div>
    </div>
    <div class="clearfix">
    </div>
    <uc2:Footer ID="Footer1" runat="server" />
    <script type="text/javascript" language="javascript">

        $(function () {
            $(window).responsinav({ breakpoint: 650 });
            /* ====== Tweet ====== */
            jQuery(function ($) {
                var options = {
                    username: "cssluxury",
                    page: 1,
                    avatar_size: 0,
                    count: 2,
                    loading_text: "loading ..."
                };

                var widget = $("#paging .widget"),
          next = $("#paging .next"),
          prev = $("#paging .prev");

                var enable = function (el, yes) {
                    yes ? $(el).removeAttr('disabled') :
                $(el).attr('disabled', true);
                };

                var stepClick = function (incr) {
                    return function () {
                        options.page = options.page + incr;
                        enable(this, false);
                        widget.tweet(options);
                    };
                };

                next.bind("checkstate", function () {
                    enable(this, widget.find("li").length == options.count)
                }).click(stepClick(1));

                prev.bind("checkstate", function () {
                    enable(this, options.page > 1)
                }).click(stepClick(-1));

                widget.tweet(options).bind("loaded", function () { next.add(prev).trigger("checkstate"); });
            });
        });
    </script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $('.zuperSlider').zuperSlider({
                mode: "none",
                arrows: {
                    next: true,
                    nextHorizontal: "end-71",
                    nextVertical: "end-100",
                    prev: true,
                    prevHorizontal: "end-100",
                    prevVertical: "end-100"
                },
                nav: {
                    active: true,
                    type: "numbers",
                    imagesDimension: "105x55",
                    navHorizontal: "end-70",
                    navVertical: 30,
                    thumbs: false,
                    thumbsDimension: "120x80"
                },
                auto: {
                    active: true,
                    time: 8000,
                    timer: "numbers",
                    hoverStop: true,
                    posHorizontal: 30,
                    posVertical: 20,
                    playPause: true,
                    playPauseHover: true,
                    playPauseHorizontal: 595,
                    playPauseVertical: 28
                },
                animate: {
                    type: "crossFade",
                    speed: 1000,
                    position: ["centerToMarginSquare", "horizontal"],
                    effect: ["fade"],
                    cols: 1,
                    rows: 25,
                    delay: 10,
                    easing: "linear",
                    car_nr: 7,
                    perPage: 1
                },
                multipleEff: {
                    active: false,
                    random: false,
                    eff: []
                },
                order: {
                    random: false,
                    startSlide: 1,
                    firstSlide: 1
                },
                caption: true,
                touchNavigation: true,
                bgImageScaleAndCenter: true,
                responsive: true,
                navigateOnHover: false,
                navigateWithMouseWheel: false
            });
        });
    </script>
    <%--<script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $('.toggle-features-holder').click(function () {
                $('.features-area').animate({ opacity: 1.0 }, 200).slideToggle(function () {
                    $('p.toggle-features').text(
      $(this).is(':visible') ? "关闭" : "显示最新知识库"
    );
                    $('.toggle-features-holder').toggleClass("closed");
                });
            });
        });
    </script>--%>
    <!--[if lt IE 7 ]>
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
    </form>
</body>
</html>
